<!DOCTYPE html>
<html lang="en">
<head>
  <script src="../../scripts/gentest/test_helper.js"></script>
  <link rel="stylesheet" type="text/css" href="../../scripts/gentest/test_base_style.css">
  <title>
    Test description
  </title>
</head>
<body style="margin: 20px;">

<div id="test-root" style="display: flex; width: 300px; height: 200px;">
 <div id="outer" style="display: flex; position: absolute; top: 0; left: 0; max-width: 100px; max-height: 100px; padding: 10px; align-items: center; justify-content: center;">
  <div id="inner" style="display: flex; min-width: 50px; min-height: 50px; padding: 10px;"></div>
 </div>
</div>

</body>
</html>


